<!--双方使用英雄-->
<section class="row-bars container flex-h-space">

    <div class="l">
        <h2>Blue Win Rate <span class="per p-blue">54%</span></h2>
        <div class="bar-container p-tran">

            <!--指示条-->
            <div class="bar-block">
                <div class="bar-item"></div>
            </div>

            <div class="bar-text-space flex-h-space">
                <div class="left">2场</div>
                <div class="right">8场</div>
            </div>

        </div>
        <h2>Red Win Rate  <span  class="per p-blue">50%</span></h2>
        <div class="bar-container p-tran">

            <!--指示条-->
            <div class="bar-block">
                <div class="bar-item"></div>
            </div>

            <div class="bar-text-space flex-h-space">
                <div class="left">2场</div>
                <div class="right">8场</div>
            </div>

        </div>
    </div>



    <div class="r">
        <h2>Blue Win Rate <span  class="per p-blue">54%</span></h2>
        <div class="bar-container p-tran">

            <!--指示条-->
            <div class="bar-block">
                <div class="bar-item"></div>
            </div>

            <div class="bar-text-space flex-h-space">
                <div class="left">2场</div>
                <div class="right">8场</div>
            </div>

        </div>
        <h2>Red Win Rate  <span  class="per p-blue">50%</span></h2>
        <div class="bar-container p-tran">

            <!--指示条-->
            <div class="bar-block">
                <div class="bar-item"></div>
            </div>

            <div class="bar-text-space flex-h-space">
                <div class="left">2场</div>
                <div class="right">8场</div>
            </div>

        </div>
    </div>

</section>